<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>新闻页面</title>
		<link rel="stylesheet" type="text/css" href="../css/new_file.css" />
		<style type="text/css">
			.transf {
				border: solid 1px blue;
				position: relative;
				height: 500px;
				width: 1200px;
			}

			.green {
				background-color: aquamarine;
				position: absolute;
				top: 100px;
				left: 100px;

			}

			.transf>div {
				width: 200px;
				height: 200px;
			}

			.red {
				background-color: bisque;
				 
				  
				transition: all 3s;
			}
			.red:hover{
				transform: rotateY(180deg);
			}
		</style>
	</head>
	<body>
		<h3>招聘信息</h3>
		<hr />
		<p>北京厚石人和信息科技公司招聘人才</p>
		<p>上海微甲网络科技公司招聘工程师</p>
		<p>永特三六五公司招聘网络管理员</p>
		<p>中国科学技术研究所招聘实习生</p>
		<p>Unity科学技术工厂所招聘实习生</p>
		<p>上海368网络科技公司招聘工程师</p>
		<p>杭州点点咨询公司招聘网络管理员</p>
		<hr />
		<div class="transf">
			<div class="green"></div>
			<div class="red"></div>


		</div>
	</body>
</html>
